<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
 <head>
  <title>Mozilla CSS: -moz-float-edge: content-box and alignment</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/mozilla/float-edge/005.html"/>
    <style type="text/css">
   p { margin: 0; }
   div { border: ridge; }
   .left { float: left; margin: 1em; width: 300px; }
   .center { margin: 1em auto; width: 100px; -moz-float-edge: content-box; }
  </style>
 </head>
 <body>
  <p>Normal Behaviour (-moz-float-edge: content-box) -- the box should
  be centered relative to the viewport width and not the remaining
  space.</p>
  <div class="left">left</div>
  <div class="center">center</div>
 </body>
</html>